<template>
    <div class="feature" v-if="pcShow">
       <transition 
       mode="out-in" 
       enter-active-class="animate__animated animate__fadeInDownBig"  
       leave-active-class="animate__animated animate__fadeOutDownBig"
       name="feature">
           <keep-alive>
                <router-view v-if="$route.meta.keepAlive"></router-view>
           </keep-alive>
           <router-view v-if="!$route.meta.keepAlive"></router-view>
           <!-- <router-view ></router-view> -->
        </transition>
        <div class="footer bg-dark mt-3" style="height: 16em;" ></div>
    </div>
    <div v-else>
        mobile
    </div>
</template>

<script>
import { mixin } from "../../mixins/opr.js";


export default {
    data(){
        return {
            pcShow: true  ,
           
        };
    },
    mixins:[ mixin ],
    provide: function(){
        let that = this;
        return {
            featurePage: function(){
                return that;
            }
        };
    },
    watch:{
        
    },
    methods: {
        
    },
    mounted() {
        // this.token = localStorage.getItem("token");
        if( !this.ispc() ){
            //移动端
            this.pcShow = false;
        }else{
            this.pcShow = true;
        }
        
    },
}
</script>

<style lang="scss">
.feature{
    height: 100%;
   
}

</style>